/* ====================    
    公共样式    
==================== */
@charset "utf-8";
body{ font-size:14px; font-family:"microsoft yahei",Verdana, Arial; margin:0px 0 0 0; padding:0; color:#898989; background:#fff;min-width:1200px;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}

.fl{float:left;}
.fr{float:right;}
.w_fl{ width:100%; float:left;}

a{ text-decoration:none}
a:link{ color:#898989;}
a:visited{ color:#898989;}
a:hover{ color:#1015f2;}

.font_yahei{ font-family:microsoft yahei;}
.transition{ transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
.transform_scale{transform:scale(1.12); -webkit-transform: scale(1.12); -moz-transform:scale(1.12); -o-transform:scale(1.12);}

/*translateX*/
@keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(0%)}
  100% {-webkit-transform:translateX(0%) translateY(-8%)}
}
@-webkit-keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(0%)}
  100% {-webkit-transform:translateX(0%) translateY(-8%)}
}
@-moz-keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(0%)}
  100% {-webkit-transform:translateX(0%) translateY(-8%)}
}
@-ms-keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(0%)}
  100% {-webkit-transform:translateX(0%) translateY(-8%)}
}
@-o-keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(0%)}
  100% {-webkit-transform:translateX(0%) translateY(-8%)}
}
/*translateZ*/
@keyframes key_rotateZ {
  0% {-webkit-transform:rotateZ(0)}
  100% {-webkit-transform:rotateZ(360deg)}
}
@-webkit-keyframes key_rotateZ {
  0% {-webkit-transform:rotateZ(0)}
  100% {-webkit-transform:rotateZ(360deg)}
}
@-moz-keyframes key_rotateZ {
  0% {-webkit-transform:translateX(0) translateY(-0%)}
  100% {-webkit-transform:translateX(0) translateY(-6%)}
}
@-ms-keyframes key_rotateZ {
  0% {-webkit-transform:translateX(0%) translateY(-0%)}
  100% {-webkit-transform:translateX(0%) translateY(-6%)}
}
@-o-keyframes key_rotateZ {
  0% {-webkit-transform:translateX(0%) translateY(-0%)}
  100% {-webkit-transform:translateX(0%) translateY(-6%)}
}
/*flash*/
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.3;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.3;
  }
}
/*======================== Common ======================*/